<template>
  <div class="byxyxfjhhzmqjc">
    <p class="top">
      <span style="font-weight: 700; font-size: 16px; color: #000">患者1</span>
      <span style="display: inline-block; margin: 0 20px"
        >证件号：533221194503112723</span
      >
      <span>填表人：肖汉琪</span>
    </p>
    <p style="font-weight: 900; font-size: 20px; color: #000">
      2月末痰检查结果
    </p>
    <div class="box">
      <span>检查时间：</span>
      <el-date-picker
        v-model="value2"
        align="right"
        type="date"
        placeholder="选择时间"
        :picker-options="pickerOptions"
        size="small"
        style="width: 150px"
      >
      </el-date-picker>
    </div>
    <div class="box">
      <span>检查结果：</span>
      <el-radio-group v-model="info.检查结果" style="display: inline-block">
        <el-radio label="涂阳">涂阳</el-radio>
        <el-radio label="涂阴">涂阴</el-radio>
      </el-radio-group>
    </div>
    <div class="box">
      <span>填表医生：</span>
      <el-select
        filterable
        placeholder="请选择"
        size="small"
        style="width: 150px"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
    <p style="font-weight: 900; font-size: 20px; color: #000">
      3月末痰检查结果
    </p>
    <div class="box">
      <span>检查时间：</span>
      <el-date-picker
        v-model="value2"
        align="right"
        type="date"
        placeholder="选择时间"
        :picker-options="pickerOptions"
        size="small"
        style="width: 150px"
      >
      </el-date-picker>
    </div>
    <div class="box">
      <span>检查结果：</span>
      <el-radio-group v-model="info.检查结果" style="display: inline-block">
        <el-radio label="涂阳">涂阳</el-radio>
        <el-radio label="涂阴">涂阴</el-radio>
      </el-radio-group>
    </div>
    <div class="box">
      <span>填表医生：</span>
      <el-select
        filterable
        placeholder="请选择"
        size="small"
        style="width: 150px"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
    <p style="font-weight: 900; font-size: 20px; color: #000">
      4月末痰检查结果
    </p>
    <div class="box">
      <span>检查时间：</span>
      <el-date-picker
        v-model="value2"
        align="right"
        type="date"
        placeholder="选择时间"
        :picker-options="pickerOptions"
        size="small"
        style="width: 150px"
      >
      </el-date-picker>
    </div>
    <div class="box">
      <span>检查结果：</span>
      <el-radio-group v-model="info.检查结果" style="display: inline-block">
        <el-radio label="涂阳">涂阳</el-radio>
        <el-radio label="涂阴">涂阴</el-radio>
      </el-radio-group>
    </div>
    <div class="box">
      <span>填表医生：</span>
      <el-select
        filterable
        placeholder="请选择"
        size="small"
        style="width: 150px"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
    <p style="font-weight: 900; font-size: 20px; color: #000">
      5月末痰检查结果
    </p>
    <div class="box">
      <span>检查时间：</span>
      <el-date-picker
        v-model="value2"
        align="right"
        type="date"
        placeholder="选择时间"
        :picker-options="pickerOptions"
        size="small"
        style="width: 150px"
      >
      </el-date-picker>
    </div>
    <div class="box">
      <span>检查结果：</span>
      <el-radio-group v-model="info.检查结果" style="display: inline-block">
        <el-radio label="涂阳">涂阳</el-radio>
        <el-radio label="涂阴">涂阴</el-radio>
      </el-radio-group>
    </div>
    <div class="box">
      <span>填表医生：</span>
      <el-select
        filterable
        placeholder="请选择"
        size="small"
        style="width: 150px"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>
    <p style="font-weight: 900; font-size: 20px; color: #000">
      其他异常随访检查结果
    </p>
    <div class="box" v-for="item in list" :key="item">
      <span>检查时间：</span>
      <el-date-picker
        v-model="value2"
        align="right"
        type="date"
        placeholder="选择时间"
        :picker-options="pickerOptions"
        size="small"
        style="width: 150px"
      >
      </el-date-picker>
      <span>检查结果：</span>
      <el-input
        size="small"
        style="width: 150px"
        placeholder="请输入"
      ></el-input>
      <span>填表医生：</span>
      <el-select
        filterable
        placeholder="请选择"
        size="small"
        style="width: 150px"
      >
        <el-option
          v-for="item in options"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        >
        </el-option>
      </el-select>
    </div>

    <div class="box">
      <el-button
        type="primary"
        size="small"
        plain
        style="background-color: #fff; color: rgb(47, 160, 255);width: 700px;"
        @click="list.push({})"
        >添加接触者</el-button
      >
    </div>
  </div>
</template>
              
              <script>
export default {
  data() {
    return {
      list: [{}],
      info: {
        症状及体征: [],
        药品剂型: [],
      },
      options: [
        {
          value: "测试",
          label: "测试",
        },
      ],
      pickerOptions: {
        shortcuts: [
          {
            text: "今天",
            onClick(picker) {
              picker.$emit("pick", new Date());
            },
          },
        ],
      },
      value2: "",
    };
  },
  methods: {
    btn_ok() {
      var url = this.info.id
        ? "/diabetesServiceVisit/modify"
        : "/diabetesServiceVisit/add";
      this.info.symptom = this.info.symptom.toString();
      this.info.signFootArterial = this.info.signFootArterial.toString();
      this.info.insulinCount = this.info.insulinCount.toString();
      var date = new Date();
      this.info.id
        ? (this.info.updatetime = date)
        : (this.info.createtime = date);
      this.$post(url, this.info).then((res) => {
        if (res.code == 400) {
          this.$message({
            message: res.message,
            type: "error",
          });
          return;
        }
        this.$message({
          message: "操作成功",
          type: "success",
        });
      });
    },
    getInfo(item) {
      this.isLoading = true;
      this.info = item;
      this.isLoading = false;
    },
    clear_info() {
      this.info = {
        hospitalId: "3015",
        idNo: localStorage.getItem('idCard'),
        residentName: "测试患者",
        symptom: [],
        signFootArterial: [],
        diabetesServiceChildList: [{}],
        insulinCount: [],
      };
    },
  },
};
</script>
              
              <style scoped lang="scss">
.byxyxfjhhzmqjc {
  .top {
    padding: 10px 20px;
    background-color: #e6f7ff;
    border: 1px solid #91d5ff;
  }
  .tab1 {
    tr {
      width: 100%;
      th {
        text-align: center;
        color: #000;
        background-color: rgb(250, 250, 250);
      }
      td {
        padding: 10px;
      }
    }
  }
  .box {
    padding: 10px 250px;
    background-color: rgb(250, 250, 250);
    margin: 10px 0;
  }
}
.table_rd_pd {
  th,
  td {
    padding: 5px 10px;
  }
}
</style>